.article-sidebar, .article-header, .am-accordion-gapped .am-accordion-title{padding: 0;}
.article-content{padding-top: 10px;}
.article-header{text-align: center;}
.article-header .am-article-divider{margin: 10px 0 20px 0;}
.article-header .am-article-meta{margin-top: 5px;}
.article-header .am-article-meta span:not(:first-child){margin-left: 15px;}
.article-nav-button{position: fixed; z-index: 10; bottom: 70px; right: 10px;}
.am-offcanvas-bar:after{background: #eee;display: none}
.article-sidebar ul li{margin-top: 0;}
.article-sidebar ul li a{font-size: 12px; padding: 5px;}
.article-content .am-accordion-content{padding: 5px;}
.am-nav-header{padding: 8px 5px 5px 5px; font-weight: 500;}
.am-accordion-gapped dl:first-child{margin-top: 0;}
.am-accordion-gapped dl:last-child{margin-bottom: 0;}
.am-accordion-gapped .am-accordion-title:after{margin-top: -6px;}
.am-accordion-gapped .am-accordion-title, .am-accordion-gapped .am-accordion-item, .am-accordion-gapped .am-accordion-item.am-active{border-color: #eee;}

@media only screen and (min-width: 641px) {
    .article-sidebar .am-offcanvas{display: block; position: static; background: none;}
    .article-sidebar .am-offcanvas-bar{position: static; width: auto; background: none; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .article-sidebar ul li:not(:last-child){border-bottom: 1px solid #f5f5f5;}
    .am-accordion-gapped{margin: 0 15px 0 0;}
}

@media only screen and (max-width: 640px) {
    .article-right{padding: 0}
    .article-sidebar .am-offcanvas-bar{background: #f9f9f9;}
    .article-sidebar ul li:not(:last-child){border-bottom: 1px solid #eee;}
    .am-accordion-gapped{margin: 0;}
    .article-sidebar ul li a{padding-left: 20px;}
}

.article_box{
    width: 100%;
}
.article-right{
    padding-right: 0px;
}
/*鏂囩珷鍒楄〃*/

.articlelist{
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.articlelist:first-child{
    border-top: none;
}
.art_left{
    width: 25%;
    float: left;
}
.art_right{
    width: 100%;
    padding-left: 15px;
    float:right;
}
.art_img{
    padding-bottom: 64%;
}
.art_title{
    height:40px;
    line-height: 40px;
    font-size: 24px;
}
.art_desc{
    font-size: 14px;
    margin-top: 10px;
    color: #4c4c4c;
}
.image{
    width: 100%;
    height: 0px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    box-sizing: border-box;
}
.image img{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
@media only screen and (max-width:641px) {

    .art_left{
        width: 38%;
        float: left;
    }
    .art_right{
        width:100%;
        padding: 0 10px;
        float:right;
    }
    .article-right{
        padding: 0;
    }
    .art_title{
        height:20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
    }
    .am-article-meta{
        line-height: 1;
    }
    .am-article-meta span{
        font-size:12px;
    }
    .am-article-meta span:nth-child(2){
        display: none;
    }
    .art_desc{
        height: 38px;
        line-height: 20px;
        overflow: hidden;
        font-size: 12px;
        margin-top: 5px;
        color: #666;
    }
}



/*鍥剧墖鍒楄〃*/
.article_box{
    width: calc(100% + 30px);
    margin-left: -15px;
}
.articleimage{
    width:33.3%;
    padding: 15px 15px;
    float: left;
}

.box_title{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}
.art_img{
    padding-bottom: 64%;
}
.image{
    width: 100%;
    height: 0px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    box-sizing: border-box;
}
.image img{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
@media only screen and (max-width:641px) {

    /*鍥剧墖鍒楄〃*/
    .article_box{
        width:auto;
        margin-left:0;
    }
    .articleimage{
        width:33.3%;
        padding:5px 5px;
        float: left;
    }
    .box_title{
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-align: center;
        font-size: 14px;
    }
}